<template>  
    <div class="FootNav">
        <router-link to="/" tag="div">
            <i class="icon iconfont icon-shouyeshouye"></i>
            首页
        </router-link>
        <router-link to="/vue-home/dist/message" tag="div">
            <i class="icon iconfont icon-xinxi"></i>
            信息
        </router-link>
        <router-link @click="goinformation" tag="div" :to="{llala:istrue}">
            <i class="icon iconfont icon-wode"></i>
            我的
        </router-link>
        <router-link to="/vue-home/dist/more" tag="div">
            <i class="icon iconfont icon-more"></i>
            更多
        </router-link>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                istrue:true
            }
        },
        methods: {
            goinformation(){
                let accesstoken = localStorage.getItem("accesstoken")
                if(accesstoken){
                    this.$router.push('/vue-home/dist/my')
                }else{
                    this.$router.push('/vue-home/dist/login')
                }
            }
        }
    }
</script>
<style lang="scss" scoped>
    .FootNav{
        position: fixed;
        width: 100%;
        bottom: 0;
        left:0;
        height: 4.3rem;
        display: flex;
        box-sizing: border-box;
        padding-top: .3rem;
        background: #7e57c2;
        color: #fff;
        .active-bg{
            color: #fdc500;
        }
        >div {
            flex: 1;
            text-align:center;
            >i {
                display: block;
                margin: auto;
                font-size: 24px;
                line-height: 24px;
            }
        }
    }
</style>